<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model app\models\LoginForm */

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;

$this->title = '详情页';
$this->params['breadcrumbs'][] = $this->title;
?>
<style type="text/css">
	@media screen and (min-width: 750px) {
		.left{width: 75%;}
		.right{width: 25%;border-left: 1px solid #f5f5f5;}
	}
	@media screen and (max-width: 750px) {
		.comment_head_img{width:100%;}
	}
	.right a img{margin: 20px auto;}
	.detail{margin: 5px 0 5px 0;}
	/* 160*90 */
	.detail_img{ width: 250px;height:180px; }
	.article_content{font-size: 16px;line-height: 35px;}
	.sport_me_title{color:#337ab7;margin: 20px auto;}

	.comment{margin: 60px auto;}
	.comment_detail{border-top:1px solid #f5f5f5 ;border-bottom:1px solid #f5f5f5;width: 100%;}
	.comment_detail_img {float:left;width:25%;}
	.comment_detail_content {float:right;width:75%;}
	.comment_answer{border-top:1px solid #f5f5f5 ;border-bottom:1px solid #f5f5f5;width: 100%;}
</style>
<div>
	<div class="container detail">
		<div class="container col-lg-6 left">
			<div class="content">
				<h4><a href="/article/001483334369637742e254a5a9645909e6551921eae0e10000">2017年的几个小目标</a></h4>
				<p><a href="javascript::">jack</a> / 时间 / 阅读：6000</p>
				<div class="article_content">
					正文：等你哦欺负你144444444444444443swgfsdgg阿萨德过发所付多所付付付付付付付付付付付付付付付付付付付付付付付付2任务热 额外人就迫切今日确认哦哦哦全额无若内容日全日脾气【 人配偶温柔其二peor
					234特等你哦欺负你144444444444444443swgfsdgg阿萨德过发所付多所付付付付付付付付付付付付付付付付付付付付付付付付2任务热 额外人就迫切今日确认哦哦哦全额无若内容日全日脾气【 人qewreeeeeeeeqwe
					qwerqewrqeer
					qwer
					qewerqewr141244444444444444444444
					rqewrqwrqr
					qerp	<p>435235</p>
					<p>435235</p>
					<p>435235</p>

					<p>435235</p>

					<p>435235</p>
					<p>435235</p>

				</div>
				<h4 class="sport_me_title">
					感觉本站内容不错，读后有收获？
				</h4>
				<p><a href="/article/001483334369637742e254a5a9645909e6551921eae0e10000" class="btn btn-primary">小额赞助，鼓励作者！</a></p>
			</div>
			<div class="comment">
				<h4>评论：</h4>
				<!-- 评论的内容 -->
				<div class="container comment_detail">
					<div class="container">
						<div class="comment_detail_img" >
							<img src="https://cdn.liaoxuefeng.com/files/attachments/0014833343682387a36729ae371443e968494c6041c5e5b000/s" class="img-circle comment_head_img">
						</div>
						<div class="comment_detail_content">
							<span>
							柠檬夏天 2017-06-25
							</span>
							<p>我觉得写得还可以吧！</p>
						</div>
					</div>
					<div class="container comment_answer" style="folat:right;width:75%;clear: both;">
						<div  style="folat:left;width:25%;">
							<img src="https://cdn.liaoxuefeng.com/files/attachments/0014833343682387a36729ae371443e968494c6041c5e5b000/s" class="img-circle comment_head_img">
						</div>
						<div style="folat:right;width:75%;">
							<span>
							柠檬夏天 2017-06-25
							</span>
							<p>我觉得写得还可以吧！</p>
						</div>
						
					</div>
					<!-- <div class="comment_answer">
						<img src="https://cdn.liaoxuefeng.com/files/attachments/0014833343682387a36729ae371443e968494c6041c5e5b000/s" class="img-circle">
						<span>柠檬夏天 2017-06-25</span>
						<p>我觉得写得还可以吧！</p>
					</div> -->
					
					
					
				</div>

			</div>
			
		</div>
		<div class="container col-lg-6 right">
			<h3><a href="javascript::">友情链接：</a></h3>
			<a class="x-cover-small" href="/article/001483334369637742e254a5a9645909e6551921eae0e10000">
				<img src="https://cdn.liaoxuefeng.com/files/attachments/0014833343682387a36729ae371443e968494c6041c5e5b000/s" class="detail_img">
			</a>
			<a class="x-cover-small" href="/article/001483334369637742e254a5a9645909e6551921eae0e10000">
				<img src="https://cdn.liaoxuefeng.com/files/attachments/0014833343682387a36729ae371443e968494c6041c5e5b000/s" class="detail_img">
			</a>
		</div>
	</div>

	

	
</div>
